<template>
  <div>
    <!-- v-model = v-bind + v-on -->
    <input type="text" :value="msg" @input="msg = $event.target.value" />
    <p>{{ msg }}</p>
    <button @click="onClick">按钮</button>
  </div>
</template>

<script>
export default {
  data: () => ({
    msg: 'Hello world!'
  }),
  methods: {
    onClick() {
      this.msg += '!'
    }
  }
}
</script>
